<template>
  <div class="AppContainer" id="app">
    <router-view />
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {
      appName: import.meta.env.APP_NAME || 1
    }
  },
  mounted() {
    console.log(import.meta.env)
  }
}
</script>
<style lang="scss" scoped>
.AppContainer {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    rgba($color: #abdcff, $alpha: 0.1),
    rgba($color: #0396ff, $alpha: 0.1)
  );
}
</style>
